﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test_UI.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        h4, p { margin:0; padding:0}
            ul li { margin-bottom: 20px; }
            #wrapper 
            { 
                border:1px solid black;
                width: 100%;
                padding: 20px;
                
            }
            #wrapper .left-pane 
            {
                border:1px solid black;
                display:block;
                width:200px;
                height:550px;
                overflow:auto;
                float:left;
                
            } 
            #wrapper .left-pane ul
            {
                border:1px solid black;
                list-style:none;
                float:left;
                
            }
            h4 
            {
                font-weight:bold;
            }
            /*div.video_player_div 
            {
                display:none;
                height:300px;
                margin-top:30px;
                width:700px;
                clear:both;
            }
            a.video_player 
            {
                display:block;
                width:500px;
                height:280px;
                background-color:#000;
            }*/
            .left-pane li 
            {
                list-style:none;
            }
            .p-option
            {
                float:right;
                border:1px solid black;
            }
        
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="wrapper">
            <div class="left_pane" id="ctl00_ContentPlaceHolder1_left_pane">
               <ul style="list-style:none;">
                    <li>
                        <a href="../../UploadedVideos/USER_VIDEO_ramu@gmail.com032056.flv" class="video_links" id="1">
                            <img width="100px" height="60px" src="../../UploadedVideos/USER_VIDEO_ramu@gmail.com032056.jpg" alt="inna event" style="float:left;margin-right:10px;">
                        </a>
                        <h4>inna event</h4>
                        <p>Inna </p>
                        <img src="../../images/rating_star.png" alt="rating" style="float:left;">
                        <div style="clear:both;"></div>
                    </li>
                </ul>
                <ul class="p-option"><li><a href="#">Summary</a>|<a href="#">Download</a>|<a href="#">Rename</a>|<a href="#">Share(d)</a>|<a href="#">Archive</a>|<a href="#">Rating</a>|<br /><a href="#">Add To Album</a>|<a href="#">Assign Rating</a></li></ul>
            </div>
    </div>
    <!--div id="dvui" style="margin:0 auto;" >
        <div class="dvspace">
            <p class="float-left">My Video 1My Video 1My Video 1My Video 1My Video 1My Video 1</p>
            <p class="float-right"><a href="#">Summary</a>|<a href="#">Download</a>|<a href="#">Add To Album</a>|<a href="#">ReDate</a>|<a href="#">ReDate</a>|<a href="#">ReDate</a>|<a href="#">ReDate</a></p>
        </div>
        <div style="clear:both;"></div>
        <div class="dvspace">
            <p class="float-left">My Video 1</p>
            <p class="float-right"><a href="#">Summary</a>|<a href="#">Download</a>|<a href="#">Add To Album</a>|<a href="#">ReDate</a></p>
        </div>
        <div style="clear:both;"></div>
        <div class="dvspace">
            <p class="float-left">My Video 1</p>
            <p class="float-right"><a href="#">Summary</a>|<a href="#">Download</a>|<a href="#">Add To Album</a>|<a href="#">ReDate</a></p>
        </div>
        
    </div-->
    </form>
</body>
</html>
